div.box h1 
{
	margin: 0 0 0 0;
	padding: 5px 15px 5px 10px;
	font-size: 11px;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

div.box h1.more
{
	border-top: 1px solid #ccc;
}

div.box h2 
{
	font-size: 10px;
	padding: 5px 5px 3px 5px;
	border-top: 1px solid #f1f1f1;
	margin: 0;
}

div.box h2.first 
{
	border-top: none;
}

div.box h3
{
	padding: 5px 5px 3px 5px;
	border-top: 1px solid #f1f1f1;
	margin: 0;
	font-weight: normal;
}

div.box p 
{
	margin: 5px;
}

div.box ul
{
	margin: 5px 1px 5px 1px; /* 1px margin so that lines don't overlap the box borders */
	list-style-type: none;
	padding-left: 0;
}

div.box li 
{
	background-image: url(../images/doubleArrow.gif);
	background-repeat: no-repeat;
	margin: 0;
	padding: 8px 10px 8px 15px;
	border-top: 1px solid #eee;
}

div.box li.first
{
	border-top: none;
}


/* Content */

div.box-container
{
	width: 100%;
	background-repeat: no-repeat; 
	background-position: top right;
}

div.box-container div.box
{
	background-color: transparent;
	background-image: url(../images/box/rounded-side.gif); 
	background-repeat: repeat-y;
	background-position: left top; 
	border: none;
	margin: 0 0 6px 0;
	font-size: 10px;
}
	
div.box-container div.rounded div.top
{
	height: 6px;
	/*position:relative; */
	background-color: #f1f1f1;
	background-image: url(../images/box/rounded-left-top-clear.gif);
	background-repeat: repeat-x;
	background-position: left top;
	overflow: hidden;
}
	
div.box-container div.rounded div.bottom
{
	height: 6px;
	/*position:relative; */
	background-color: #f1f1f1;
	background-image: url(../images/box/rounded-left-bottom.gif);
	background-repeat: repeat-x;
	background-position: left top;
	overflow: hidden;
}
	
div.box-container div.rounded h1
{
	margin-top: 0;
	padding-top: 0;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}
	
div.box-container div.top span 
{
	display:block; 
	height: 6px;
	/*position:relative; */
	background-image: url(../images/box/rounded-right-top.gif);
	background-repeat: no-repeat;
	background-position: right top; 
}

div.box-container div.bottom span
{
	display:block;
	height: 6px;
	/*position:relative; */
	background-image: url(../images/box/rounded-right-bottom.gif);
	background-repeat: no-repeat;
	background-position: right top; 
}

div.box-container div.rounded div.content
{
	/*position:relative; */
	background: url(../images/box/rounded-side.gif) repeat-y right top; 
	margin: 0;
	padding: 0;
	padding-bottom: 5px;
}

div.box-container div.rounded div.big
{
	min-height: 350px;
}

/* Sidebar */

.sidebar div.box h1 
{
	background-color: #f1f1f1;
	background-image: url(../images/box/bg_blue_sidebar_heading.gif);
	background-position: top left;
    background-repeat: repeat-y;
}

.sidebar div.box
{
	background-color: white;
	background-image: url(../images/box/rounded-side.gif); 
	background-repeat: repeat-y;
	background-position: left top; 
	border: none;
	margin: 5px 6px 6px 0;
	font-size: 10px;
	text-align: left;
}

.sidebar div.rounded div.top 
{
	height: 6px;
	position:relative; 
	background-color: #f1f1f1;
	background-image: url(../images/box/rounded-left-top.gif);
	background-repeat: repeat-x;
	background-position: left top;
	overflow: hidden;
}
	
.sidebar div.top span 
{
	display:block; 
	height: 6px;
	/* position:relative;  */  /* Keith Lo - jan 8 2008 - comment this to let dropdown menu cover sidebar */
	background-image: url(../images/box/rounded-right-top.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
	
.sidebar div.rounded div.content
{
	position:relative; 
	background: url(../images/box/rounded-side.gif) repeat-y right top; 
	margin: 0;
	padding: 0;
	padding-bottom: 1px;
}
	
.sidebar div.rounded div.bottom 
{
	height: 6px;
	position:relative; 
	background-image: url(../images/box/rounded-left-bottom.gif);
	background-repeat: repeat-x;
	background-position: left top;
	overflow: hidden;
}
	
.sidebar div.bottom span 
{
	display:block;
	height: 6px;
	position:relative; 
	background-image: url(../images/box/rounded-right-bottom.gif);
	background-repeat: no-repeat;
	background-position: right top; 
}